<!--网页技术标记html5,简称h5-->
<!DOCTYPE html>
<!--网页中三大标签html,head,body-->
<!--网页文档标签,表示此文件是一个网页-->
<html>
<!--网页头标签,设置网页描述信息-->
<head>
    <!--设置网页的元数据(描述),导样式表或js文件等-->
    <meta charset="UTF-8">
    <!--网页标题标签-->
    <title>我的主页</title>
    <!--导入外部通用样式表-->
    <link rel="stylesheet" href="common.css">
    <!--导入本页具体的样式-->
    <link rel="stylesheet" href="index.css">
</head>
<!--网页主体内容,包含网页中的主要内容-->
<body>
<!--版心设置-->
<div class="header main">
    <!--实现一个下拉菜单-->
    <!-- ul>li{list$}*3+tab快速生成代码-->
    <!--
      娱乐   健康   军事
      小说   饮食
      xxx    xxx
    -->
    <ul class="menu cf">
        <li>娱乐
            <ul>
                <li>aaa</li>
                <li>bbb</li>
                <li>ccc</li>
            </ul>
        </li>
        <li>健康
            <ul>
                <li>111</li>
                <li>222</li>
                <li>333</li>
                <li>444</li>
            </ul>
        </li>
        <li>军事
            <ul>
                <li>AAA</li>
                <li>BBB</li>
                <li>CCC</li>
            </ul>
        </li>
    </ul>
</div>
<!--设置超链接元素,实现导航-->
<div class="nav main">
    <a href="http://www.ifeng.com">凤凰网</a>
    <a href="http://www.cctv.com">央视网</a>
    <a href="#">我的主页</a>
    <a href="http://www.lol.com">LOL</a>
</div>
</body>
</html>